<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>样式</title>
		<style>
			h3 {
				color: #33cab4;	/*字体颜色* */
				font-size: 20px; /*字体大小*/
				text-align: center; /*文本居中显示*/
			}
		</style>
		<!-- step2:引入css文件 -->
		<link href="css/ziti.css" rel="stylesheet"/>
	</head>
	<body>
		<!-- 引入样式的方式
		1.内联样式:在开始标签中加入style属性，在属性中设置
		2.内部样式:在head标签中用style标签引入
		3.外部样式
			step1：在书写外部样式css文件
			step2：在HTML文件的head标签中引入css文件
			三种引入方式优先级最高
			内联样式优先级最高
			谁离标签更近听谁的
		.-->
		<h1 style="color: red; font-size: 24px;">古诗中文网</h1>  <!-- 内联样式 -->
		<h3 style="color: red; font-size: 38px;">蒹葭</h3>
		<p>蒹葭苍苍，白露为霜</p>
		<p>所谓伊人，在水一方</p>
	</body>
</html>
